<ng-container *ngIf="!breadcrumb; else breadcrumb">
  <nz-breadcrumb *ngIf="paths && paths.length > 0">
    <nz-breadcrumb-item *ngFor="let i of paths">
      <ng-container *ngIf="i.link">
        <a [routerLink]="i.link">{{i.title}}</a>
      </ng-container>
      <ng-container *ngIf="!i.link">{{i.title}}</ng-container>
    </nz-breadcrumb-item>
  </nz-breadcrumb>
</ng-container>
<div class="detail">
  <div *ngIf="logo" class="logo">
    <ng-template [ngTemplateOutlet]="logo"></ng-template>
  </div>
  <div class="main">
    <div class="row">
      <h1 *ngIf="_title || _titleTpl" class="title">
        <ng-container *ngIf="_title; else _titleTpl">{{_title}}</ng-container>
      </h1>
      <div *ngIf="action" class="action">
        <ng-template [ngTemplateOutlet]="action"></ng-template>
      </div>
    </div>
    <div class="row">
      <div class="desc" (cdkObserveContent)="checkContent()" #conTpl>
        <ng-content></ng-content>
        <ng-template [ngTemplateOutlet]="content"></ng-template>
      </div>
      <div *ngIf="extra" class="extra">
        <ng-template [ngTemplateOutlet]="extra"></ng-template>
      </div>
    </div>
  </div>
</div>
<ng-template [ngTemplateOutlet]="tab"></ng-template>
